// 公共less变量和样式

@title-color : #333333; // app标题颜色
@theme-color : #2471F4; // 主题色
@theme-bgcolor : #FFFFFF; // 主题背景色
@emphasis-bgcolor : #1A1C1D; // 重要背景色
@emphasis-color : #FD0212; // 重要色
@success-color : @theme-color; // 成功色
@error-color : @emphasis-color; // 错误色
@holder-color : #919398; // 占位色
@main-bgcolor : #282828; // 主背景色
@disabled-color : #999999; // 禁用色
@base-color : #606266; // 基础色
@default-color : white; // 默认色
@reverse-color : white; // 反色
@border-color : #F0F0F0; // 边框颜色

.comBg {
  padding: 0 28px;
}

.btnCom {
  width: 100%;
  height: 50px;
  background: #2471F4;
  border-radius: 4px;
  background: @theme-color;
  position: relative;
  color: @reverse-color;
  font-size: 16px;
  .flex-center();

  &:disabled {
    background-color: #CBCCCD;
  }

  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
  }

  &:active::after {
    background-color: rgba(0, 0, 0, 0.1);
  }
}

.base-link {
  font-size: 16px;
  color: @theme-color;
}

.absolute-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.padding-box {
  padding: 0 16px;
}

.flex {
  display: flex;
}

.flex-row {
  .flex();
  align-items: center;
}

.flex-center {
  .flex-row();
  justify-content: center;
}

.flex-between {
  .flex-row();
  justify-content: space-between;
}

.flex-around {
  justify-content: space-around;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.justify-end {
  justify-content: flex-end;
}

.align-end {
  align-items: flex-end;
}

.flex-wrap {
  .flex-row();
  flex-wrap: wrap;
}

.comFormBox {
  .formItem {
    background: #f5f6f8;
    border-radius: 28px;
    padding-left: 20px;
    margin-bottom: 24px;

    .img {
      width: 16px;
      height: 16px;
    }
  }
}

.holder {
  input::-webkit-input-placeholder {
    color: #000;
    font-size: 16px;
  }

  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
    font-size: 16px;
  }

  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000;
    font-size: 16px;
  }

  input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
    font-size: 16px;
  }
}

.oneHidden {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.twoHidden {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}